<template>
  <div id="student">
    <div class="title">
      <p>招生数据</p>
    </div>
    <div class="studentnum">
      <ul>
        <li>
          <p>{{total.today}}</p>
          <span>今日招生</span>
        </li>
        <li>
          <p>{{total.week}}</p>
          <span>本周招生</span>
        </li>
        <li>
          <p>{{total.month}}</p>
          <span>本月招生</span>
        </li>
        <li>
          <p>{{total.year}}</p>
          <span>本年招生</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  props:{
    total:{
      type:Object,
      default:()=>{
        return {}
      }
    }
  },
  mounted(){
  }
}
</script>

<style scoped lang='scss'>
#student {
  width: 100%;
  background-color: #fff;
  padding: 18px;
  box-sizing: border-box;
  height: 240px;
  border-radius: 10px;
  p {
    margin: 0;
    padding: 0;
  }
  .title {
    p {
      font-size: 18px;
    }
  }
  .studentnum {
    ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      li {
        margin-top: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 25%;
        p {
          font-size: 40px;
          font-family: PingFangSC-Light, PingFang SC;
          font-weight: 300;
          color: #1f263e;
          line-height: 45px;
        }
        span {
          font-size: 13px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #5e6e89;
          line-height: 18px;
        }
      }
    }
  }
}
</style>